<template>
  <div style="width: 100vw; height: 100vh">
      <screenInfo />
      <menuHead />
    <VisualTemplate :option="mainConfig">
      <!-- 依次写出需要展示的单元，单元数（sectionArr.length）
        <div class="box" :slot="index" v-for="(item,index) in mainConfig.sectionArr">
            <span>{{item}}</span>   
        </div> -->
      <div slot="1">
        <!-- 第一个单元 -->
        <div class="content-item">
          <oneOne />
         
        </div>
      </div>
      <div slot="2">
        <!-- 第二个单元 -->
        <div class="content-item">
           
          
          <el-col :span="12">
           
            <oneOne /><FourTwo /><FourTwo /></el-col>
          <el-col :span="12"><twoTwo /><twoTwo /></el-col>
          </div>
      </div>
      <div slot="5">
        <!-- 第三个单元 -->
        <div class="content-item"><FiveTwo /></div>

        <!--<dv-decoration-3 style="width:250px;height:30px;" /> DataV装饰器-->
      </div>
      <div slot="3">
        <!-- 第四个单元 -->
        <div class="content-item">
        <el-col>
        <FourThree /><FourFour />
        </el-col>
        <el-col>
          <el-col :span="12">
        <tableChart />
          </el-col>
          <el-col :span="12">
        <tableChart />
          </el-col>
        </el-col>
        </div>

        <!--<dv-decoration-3 style="width:250px;height:30px;" /> DataV装饰器-->
      </div>
      <div slot="4">
        <!-- 第五个单元 -->
        <div class="content-item">
          <el-col> <FiveTwo /></el-col>
          <el-col><FiveThree /></el-col>
         </div>

        <!--<dv-decoration-3 style="width:250px;height:30px;" /> DataV装饰器-->
      </div>
    </VisualTemplate>
      <menuHead2 />
  </div>
</template>

<script>
import drawMixin from "@/utils/drawMixin";
//import chart1 from "@/views/components/1";
//import chart2 from "@/views/components/2";
//import chart4 from "@/views/components/4";
//import chart5 from "@/views/components/5";
import oneOne from "@/views/components/7/1-1";
import oneTwo from "@/views/components/7/1-2";
//import content1 from "@/views/components/7/1-1"
import oneThree from "@/views/components/7/1-3";
import twoOne from "@/views/components/7/2-1";
import twoTwo from "@/views/components/7/2-2";
import twoThree from "@/views/components/7/2-3";
import threeOne from "@/views/components/7/3-1";
import threeTwo from "@/views/components/7/3-2";
import FourOne from "@/views/components/7/4-1";
import FourTwo from "@/views/components/7/4-2";
import FourThree from "@/views/components/7/4-3";
import FourFour from "@/views/components/7/4-4";
import FiveOne from "@/views/components/7/5-1";
import FiveTwo from "@/views/components/7/5-2";
import FiveThree from "@/views/components/7/5-3";
import FiveFour from "@/views/components/7/5-4";
//import threeThree from "@/views/components/7/3-3";
// import centerRight1 from "./centerRight1";
// import centerRight2 from "./centerRight2";
// import center from "./center";
// import bottomLeft from "./bottomLeft";
// import bottomRight from "./bottomRight";
import data from "@/views/config/index7";
import VisualTemplate, {
  visualConfig,
  visualSetOptions,
} from "@/components/visual-platform";
import Title from "../components/title.vue";
const menu1 = [
  {
    title: "政务服务",
    url: "",
  },
  {
    title: "服务效能",
    url: "",
  },
  {
    title: "特别呈报",
    url: "",
  },
  {
    title: "应急调度",
    url: "",
  },
  {
    title: "经济发展",
    url: "",
  },
];
export default {
  components: {
    VisualTemplate,
    // chart1,
    //chart2,
    // chart4,
   // chart5,
    oneOne,
    oneTwo,
    oneThree,
    twoOne,
    twoTwo,
    twoThree,
    threeOne,
    threeTwo,
    FourOne,
    FourTwo,
    FourThree,
    FourFour,
    FiveOne,
    FiveTwo,
    FiveThree,
    FiveFour,
    //threeThree
    //content1
    //title,
    // bottomRight,
  },
  mixins: [drawMixin],
  data() {
    return {
      menu1,
      defConfig: data,
    };
  },
  created() {
    this.mainConfig = visualSetOptions(this.defConfig);
  },
};
</script>

<style>

.content-item {
  padding: 50px 20px;
  color: aliceblue;
}

</style>